<template>
  <div>
    <!-- 头部导航 -->
    <header-top></header-top>
    <!--主体部分-->
    <aside-table></aside-table>
    <!-- 底部部分 -->
    <footer-audio :musicUrl="musicUrl" :singname="singname"></footer-audio>
  </div>
</template>

<script>
// 头部导航
import headerTop from "./components/top/header";
//主体部分
import AsideTable from "./components/Aside/Aside";
// 底部部分
import FooterAudio from "./components/footer/footer";
export default {
  components: {
    headerTop,
    AsideTable,
    FooterAudio,
  },
  data() {
    return {
      musicUrl: "120",
      singname: "",
    };
  },
};
</script>

<style lang="less">
* {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
a:active {
  color: #000;
}
</style>
